<template>
  <div id="box">
    <div class="header">
      <van-nav-bar title="我的积分" left-text="返回" left-arrow @click-left="onClickLeft" />
    </div>
    <div class="content">
      <Jifeng :jidata="this.$store.state.jifenm.jf.jifen"></Jifeng>
      <Houdong :houdata="this.$store.state.jifenm.jf.duobao"></Houdong>
      <Renwu :renwudata="this.$store.state.jifenm.jf.renwu"></Renwu>
      <Duihuan :duihuandata="this.$store.state.jifenm.jf.duihuan"></Duihuan>
    </div>
  </div>
</template>
<script>
import Jifeng from "@/components/mes/jifeng.vue";
import Houdong from "@/components/mes/houdong.vue";
import Renwu from "@/components/mes/renwu.vue";
import Duihuan from "@/components/mes/duihuan.vue";

export default {
  methods: {
    onClickLeft() {
      this.$router.push("/me");
    },
  },
  components: {
    Jifeng,
    Houdong,
    Renwu,
    Duihuan
  },
  mounted(){
    this.$store.dispatch('jifenact')
    
  },
  
};
</script>
<style scoped>
.header {
  height: 46px;
}
#box {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: space-between;
}
.content {
  flex: 1;
  overflow-y: auto;
}
</style>